<template>
    <div class="box-right-2">
        <div class="box-right-11">常用功能</div>
        <div class="box-right-111">
            <div class="move">
                <div class="bigA">
                    <el-icon>
                        <Histogram />
                    </el-icon>
                </div>
                <div class="bigC">订单列表</div>
                <div class="bigB">></div>
            </div>
            <div class="move">
                <div class="bigA">
                    <el-icon>
                        <User />
                    </el-icon>
                </div>
                <div class="bigC">订单列表</div>
                <div class="bigB">></div>
            </div>
        </div>
        <div class="box-right-111">
            <div class="move">
                <div class="bigA">
                    <el-icon>
                        <House />
                    </el-icon>
                </div>
                <div class="bigC">订单列表</div>
                <div class="bigB">></div>
            </div>
            <div class="move">
                <div class="bigA">
                    <el-icon>
                        <Notification />
                    </el-icon>
                </div>
                <div class="bigC">订单列表</div>
                <div class="bigB">></div>
            </div>
        </div>
        <div class="box-right-111">
            <div class="move">
                <div class="bigA">
                    <el-icon>
                        <Grid />
                    </el-icon>
                </div>
                <div class="bigC">订单列表</div>
                <div class="bigB">></div>
            </div>
            <div class="move">
                <div class="bigA">
                    <el-icon>
                        <Setting />
                    </el-icon>
                </div>
                <div class="bigC">订单列表</div>
                <div class="bigB">></div>
            </div>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.box-right-2 {
    height: 180px;
    margin-top: 10px;
    background-color: #fff;

    .box-right-11 {
        margin: 10px;
        font-size: 16px;
    }

    .box-right-111 {
        display: flex;
    }

    .move {
        display: flex;
        width: 220px;
        height: 40px;
        margin-left: 10px;
        background-color: #efecec;
        font-size: 14px;
        margin-top: 3px;
        color: #585555;

        .bigB {
            font-size: 20px;
            margin-left: 90px;
            margin-top: 5px;
        }

        .bigC {
            margin-left: 10px;
            margin-top: 10px;
        }

        .bigA {
            margin-left: 10px;
            margin-top: 10px;
        }
    }

}
</style>